






svg#Capa_1 {
    margin-right: 10px;
}

.countdown-container {
    font-size: 2.5vw; /* Redimensionează textul în funcție de lățimea ferestrei */
    color: #FFFFFF;
}

.mobile_menu2 {
    display: none;
    width: 100%;
    background-color: #202C45;
    position: fixed;
    top: 0; /* Modificat */
    z-index: 9999;
    border-bottom: 3px solid white;
    padding: 10px; /* Modificat */
}

.mobile_menu {
    display: none;
    width: 100%;
    background-color: #202C45;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    border-top: 3px solid white;
    padding: 5px;
}

.mobile_menu ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    align-items: center;
    margin: 0;
    padding: 0;
}

.mobile_menu ul li {
    margin: 0;
    padding: 0;
}

.mobile_menu ul li a {
    color: #00aeef;
!important;
}

.notificare {
    position: absolute;
    top: 3px;
    right: 10px;
    background-color: red;
    width: 30px;
    height: 30px;
    text-align: center;
    color: white;
    border-radius: 50%;
    -webkit-animation-name: example;
    -webkit-animation-duration: 1s;
    animation-name: example;
    animation-duration: 1s;
    transition: all 500ms ease;
    font-size: 25px;
    font-family: "OpenSans_B", sans-serif;
}





@media only screen and (max-width: 500px) {
    
    .countdown-container {
        font-size: 3.5vw; /* Ajustează mărimea textului pentru dispozitivele cu ecrane mai mici */
    }    
    
    .mobile_menu2 {
        display: block;
    }

    .mobile_menu {
        display: block;
    }


    .mobil1 {
        position: relative;
        top: 250px;
        left: 282px;
    }

    .mobil1 a {
        font-size: 16px !important;
    }

   
}



@media only screen and (max-width: 725px) {
    .hidden-ipad {
        display: block;
    }
}

.hidden-mobile {
    display: none !important;
}

.hidden-desktop {
    display: block !important;
}

@media only screen and (max-width: 740px) {
    .hidden-desktop {
        display: none !important;
    }

    .hidden-mobile {
        display: block !important;
    }
}

